<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/pc_master">
<div layout:fragment="content" class="section page-content">
    <input type="hidden" id="type" value="bind">
<!--    <link rel="stylesheet" href="/pc/css/center/setup/index.css">-->
    <!-- s: 导航 -->
    <div class="breadcrumb-wrap">
        <div class="layui-main clearfix">
            <div class="breadcrumb">
                <a href="/">首页</a> - <a href="/center">用户中心</a> - 设置
            </div>
        </div>
    </div>
    <!-- e: 导航 -->
    <div class="section page-content">
        <div class="layui-main clearfix">

         <div th:include="layout/center_left :: center_left" class="manage-aside"></div>

            <div class="manage-main">
                <ul class="layui-nav nav main-nav">
                    <li class="layui-nav-item layui-this">
                        <a href="/center/setup">
                            设置
                        </a>
                    </li>

                    <li class="layui-nav-item">
                        <a href="/center/setup/blacklist">
                            黑名单
                        </a>
                    </li>


                    <span class="layui-nav-bar" style="width: 0px; left: 0px; opacity: 0;"></span></ul>
                <div class="main-content">



                    <div style="margin:30px auto;width: 400px;">
                        <form action="/m/ajax/center/setup/updatemobile" bottlecms-form-ajax="" method="post" refresh="refresh">
                            <input type="hidden" name="_method" value="PUT">
                            <div class="bcui-form newformbox">
                                <div style=" display: block; text-align: center; color: #999;" th:if="${userModel.mobile eq null or userModel.mobile eq ''}">
                                    您还没有绑定手机，赶快绑定吧～
                                </div>
                                <div style=" display: block; text-align: center; color: #999;" th:if="${userModel.mobile ne null and userModel.mobile ne ''}">
                                    已绑定手机：[[${userModel.mobile}]]
                                </div>
                                <div class="form-item">
                                    <input bottlecms-input="" type="text" name="mobile" id="mobile" placeholder="请输入新手机号" class="">
                                </div>
                                <div class="form-item">
                                    <input bottlecms-input="" type="text" name="smsyzm" id="smsyzm" placeholder="验证码" class="" maxlength="6">

                                    <button class="btn btn-warning btn-sm sendSms" type="button" style="position: absolute;top:50%; right: 5px; margin-top: -15px;">
                                        发送验证码
                                    </button>

                                </div>
                                <div class="form-item">
                                    <button class="btn  form-submit" type="submit">
                                        绑定
                                    </button>
                                </div>
                            </div>
                        </form>

                    </div>


                    <div style="height: 50px;"></div>




                </div>

            </div>

        </div>
    </div>

</div>
<div layout:fragment="contentFooter">
<script type="text/javascript" src="/pc/js/home/login.js"></script>
</div>
</html>